/*!* 放置页面的公共样式 *!*/

/*!* 去除浏览器默认样式 *!*/
/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

/*!* 设定页面高度 *!*/
/*html, body {*/
/*    height: 100%;*/
/*}*/

/*!* 设定导航栏的样式 *!*/
/*.nav {*/
/*    height: 50px;*/
/*    background-color: rgb(120, 17, 74);*/
/*    color: rgb(0, 0, 0);*/

/*    !* 使用弹性布局, 让导航栏内部的元素, 垂直方向居中 *!*/
/*    display: flex;*/
/*    align-items: center;*/
/*    !* 让里面的元素距离左侧边框, 有点间隙 *!*/
/*    padding-left: 20px;*/
/*}*/

/*.cover{*/
/*    width: 100%;*/
/*    height: 100%;*/

/*    background-image: url(../img/cat.jpg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: cover;*/

/*    !* 为了让 .cover 和 .main 能够重叠, 给 .cover 加上个定位属性 *!*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/

/*    !* 设置了下 z 轴坐标 *!*/
/*    z-index: -1;*/

/*    !* 使用 css 滤镜效果, 让背景图变的朦胧起来 *!*/
/*    filter: blur(20px);*/
/*}*/